/* 行为相关颜色 */
$--primary-color: #409eff;
$--success-color: #4cd964;
$--warning-color: #f0ad4e;
$--error-color: #F56C6C;
$--danger-color: #F56C6C;

/* 大屏主题色 */
$--main-primary-color: #00eb59;
$--main-primary-dark-color: #0C6747;
$--main-primary-border-color: rgba(0, 235, 89, 0.3);
$--main-warning-color: #FFAA00;
$--main-danger-color: #FF5355;
$--main-violet-color: #E788FF;
$--main-btn-bg-color: #112E3F;
//$--main-container-bg-color: rgba(30, 33, 36, 0.7);
$--main-container-bg-color: rgba(51, 51, 51, .8);

@mixin ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@mixin multiple() {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@mixin multiple_three() {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@mixin multiple_num($num) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $num;
  overflow: hidden;
}

@mixin radius($width, $size, $color) {
  width: $width;
  height: $width;
  line-height: $width;
  border-radius: $width;
  text-align: center;
  border-width: $size;
  border-style: solid;
  border-color: $color;
}

@mixin scrollbar($height: 0,$color: rgba(212, 216, 219, 0.78),$width: 7px){
  @if $height != 0{
    height: $height
  }
  overflow-x: hidden;
  overflow-y: auto;
  &::-webkit-scrollbar { /*滚动条整体样式*/
    width: $width; /*高宽分别对应横竖滚动条的尺寸*/
    position: absolute;
  }
  &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    transition: all .5s;
  }
  &:hover{
    &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
      background-color: $color;
    }
  }
}
